.page-member-center.equity {
	background: #fff;
	.member-equity {
		width: 1200px;
		margin: 50px auto 0;
		.tit {
			display: flex;
			justify-content: center;
			align-items: center;
			.tit-bg {
				width: 44px;
				height: 10px;
				background: url(@/assets/images/member-pic/member-tit-bg.png) no-repeat;
			}
			.tit-bg.tit-r {
				transform: rotate(180deg);
			}
			.text {
				margin: 0 20px;
				font-size: 18px;
				font-weight: 600;
			}

		}
		.growth-system {
			background: #f9f9f9;
			padding: 50px 40px 40px;
			margin: 40px auto;
			display: flex;
			justify-content: center;
			align-items: flex-end;
			.item {
				width: 100px;
				margin-right: 80px;
				position: relative;
				&::after {
					position: absolute;
					left: 0;
					bottom: 29px;
					display: block;
					width: 180px;
					height: 1px;
					content: " ";
					background: #dedede;
				}
				&:last-child {
					&::after {
						width: 100%;
					}
					margin-right: 0;
				}
				.condition {
					color: #999;
					margin-bottom: 10px;
					line-height: 18px;
				}
				.lv {
					position: relative;
					width: 100%;
				}
				.lv1 {
					height: 40px;
					background: #dedede;
					&::before {
						position: absolute;
						left: 0;
						top: 0;
						display: block;
						width: 640px;
						height: 1px;
						content: " ";
						background: #dedede;
					}
				}
				.lv2 {
					height: 120px;
					background: #c9b485;
					&::before {
						position: absolute;
						left: -180px;
						top: 0;
						display: block;
						width: 640px;
						height: 1px;
						content: " ";
						background: #dedede;
					}
				}
				.lv3 {
					height: 200px;
					background: #b79271;
					&::before {
						position: absolute;
						left: -360px;
						top: 0;
						display: block;
						width: 640px;
						height: 1px;
						content: " ";
						background: #dedede;
					}
				}
				.lv4 {
					height: 280px;
					background: #6d543e;
					&::before {
						position: absolute;
						left: -540px;
						top: 0;
						display: block;
						width: 640px;
						height: 1px;
						content: " ";
						background: #dedede;
					}
				}
				.text {
					text-align: center;
					font-size: 14px;
					font-weight: 600;
					margin-top: 10px;
					height: 20px;
				}
			}
		}
		.welfare-system {
			width: 700px;
			margin: 40px auto;
			.w-tit {
				display: flex;
				background: #dedede;
				.item {
					flex: 1;
					text-align: center;
					padding: 15px 0;
					font-size: 14px;
					font-family: arial,sans-serif;
					border: 1px solid #dedede;
					&:first-child {
						background: #000;
						color: #fff;
						border-color: #000;
						font-weight: 600;
					}
				}
			}
			.w-tit.vip-tit {
				background: #6d543e;
				.item {
					border-color: #6d543e;
					color: #fff;
					&:first-child {
						background: #c3ab7d;
						border-color: #c3ab7d;
					}
				}
			}
			.w-con {
				display: flex;
				align-items: center;
				text-align: center;
				border-bottom: 1px solid #eee;
				margin-bottom: -1px;
				color: #999;
				.item {
					flex: 1;
					padding: 20px 0;
					border-right: 1px solid #eee;
					&:last-child {
						border: 0;
					}
				}
				.item.big-item {
					flex: 4;
				}
			}
		}
		.welfare-explain {
			margin: 40px auto 20px;
			width: 700px;
			.item {
				display: flex;
				margin-top: 40px;
				.img {
					width: 75px;
					height: 75px;
					font-size: 0;
					img {
						width: 100%;
						height: 100%;
					}
				}
				.text-box {
					margin-left: 40px;
					flex: 1;
					.text {
						margin-top: 5px;
						font-size: 14px;
						font-weight: 600;
					}
					.des {
						margin-top: 10px;
						line-height: 18px;
						color: #999;
					}
				}
			}
		}
	}
}
